<template>
  <div class="page-auditreport">
    <div><img src="../../public/imgs/icp/auditreport_banner.jpg" alt="" style="width:100%"></div>
    <div class="content">
      <div class="item">

        <div class="item_right" style="width:100%">
          <div class="des">优选理财签约钱塘会计事务，现会计事务所已尽职调查完成，成功出具专项审计报告。 完成专项审计报告是优选理财坚守合规、积极备案的又一大成果。<br/>
          <span>优选理财以实际行动，表明合规、长远发展的决心，立志为P2P行业传递正能量，践行“普惠金融”！</span>
          </div>
        </div>

      </div>
      <div class="item">
      
        <div class="item_right">
          <div class="title">什么是专项审计报告？</div>
          <div class="des">网贷专项审计报告，是经办执业会计师及会计师事务所，对网贷机构的各项重点环节实施审计，并发表的明确审计意见。<span>专项审计报告是网贷机构进行备案登记时不可或缺的材料之一。</span>
          </div>
        </div>
          <div class="item_left">
          <img src="../../public/imgs/icp/question1.png" alt="" class="img1">
        </div>
      </div>
      <div class="item">
        <div class="item_right">
          <div class="title">专项审计报告涵盖平台的哪些方面？</div>
          <div class="des">
           网贷专项审计报告涵盖内容包括：网贷机构出借人与借款人资金存管、信息披露情况、信息科技基础设施安全、经营合规性、资金运用流程等网贷机构的重点环节。
          </div>
        </div>
          <div class="item_left">
          <img src="../../public/imgs/icp/question2.png" alt="" class="img2">
        </div>
      </div>
    </div>
    <div class="low_title">
      钱塘会计事务所签约图
    </div>
    <div class="img_content">
       <img :src="imglist[0]" alt=""  @click="zoom(imglist[0])">
         <img :src="imglist[1]" alt=""  @click="zoom(imglist[1])">
         <div class="empt"></div>
    </div>


     <div class="low_title">
      专项审计报告图
    </div>
      <div class="img_content">
       <img :src="imglist[2]" alt=""  @click="zoom(imglist[2])" style="border:2px solid #dedede">
         <img :src="imglist[3]" alt=""  @click="zoom(imglist[3])" style="border:2px solid #dedede">
         <div class="empt"></div>
    </div>
     

    
    <div class="mask" v-show="iszoom"  @click="iszoom=!iszoom">
        <img :src="isselect" alt=""  :class="{'scale':iszoom}" @click="iszoom=!iszoom">
    </div>
  </div>
</template>

<script>

export default {
  name: "compliance",
  data() {
    return {
        imglist: [
        require("@/public/imgs/icp/auditreport_list_1.png"),
        require("@/public/imgs/icp/auditreport_list_2.png"),
         require("@/public/imgs/icp/auditreport_list_3.png"),
        require("@/public/imgs/icp/auditreport_list_4.png"),
       
      ],
      iszoom:false,
      isselect:"",
    };
  },
  computed: {},
  methods: {
      zoom(url){
    this.iszoom=true;
    this.isselect=url
  }
  },
  mounted() {

  }
};
</script>

<style lang="less">
body,
html {
  background: #fff;
  -webkit-overflow-scrolling: touch;
}
#app{
  background: #f4f4f4;
}
.page-auditreport {
  -webkit-overflow-scrolling: touch;
   .mask{
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: rgba(0,0,0,0.5);
   overflow: hidden;
 }
  img {
    transform: scale(1);
    transition: all ease 0.2s;
}

img.scale {
   position: absolute;
  padding: 0px 10px;
   z-index: 999;
   top: 50%;
   left: 50%;
   transform:translate3d(-50%,-50%,0)    
}
  .content {
    padding: 50px 40px 0 40px;
    .item {
      display: flex;
      margin-bottom: 100px;
      .item_left {
       flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        .img1 {
         width: 100px;
         height:253px;  ;
        }
         .img2 {
         width: 138px;
         height:225px;  ;
        }
      }
      .item_right {
        width: 440px;
        .title {
          font-size: 38px;
          font-weight: 600;
          color: #333;
          line-height: 60px;
        }
        .des {
          margin-top: 30px;
          font-size: 28px;
          color: #333;
          line-height: 45px;
          font-family: "苹方";
          span {
            color: #3547c0;
          }
        }
      }
    }
  }
  .low_title {
    padding: 0px 40px;
    font-weight: bold;
    font-size: 32px;
    color: #333;
    padding-bottom: 80px;
  }
  .img_content {
    display: flex;
    overflow: scroll;
    padding: 35px 0px;
    padding-left: 30px;
    img {
      margin-right: 30px;
      width: 540px;
      height: 750px;
    }
    .empt {
      padding: 5px;
    }
  }
}
</style>
